import { searchUser } from "../api/index";
import dayjs from "dayjs";
export const state = () => ({
  lodingAge: [], //缓存数据
  studentsAge: [], //学生年龄
  studentsInfo: [], //学生所有信息
});
/*const getters = {     //getters相当于是state的计算属性，如果你需要将变量的值进行计算，然后输出，写这里
include: (state) => (val) => {
return state.list.indexOf(val) > -1;
}
}
;*/
const mutations = {
  SET_INFO(state, value) {
    state.lodingAge = [];
    state.studentsInfo = value;
    state.studentsInfo.forEach((item) => {
      state.lodingAge.push(dayjs().format("YYYY") - item.id.slice(6, 10));
      state.studentsAge = state.lodingAge;
    });
  },
  //修改store中的变量的方法，如果你要改变变量的值，就写这（vuex中state中的值不能直接修改）
};
const actions = {
  //actions提交的是mutations，相当于就是改变变量的方法的重写，但是，actions是可以进行异步操作的
  async GET_studentsInfo(context) {
    const { data } = await searchUser();
    // console.log(data.data);
    if (data.data && data.data.length > 0) {
      context.commit("SET_INFO", data.data);
    }
  },
};

export default {
  namespaced: true, //命名空间
  state,
  // getters,
  actions,
  mutations,
};
